div.md-container{margin: 0px; padding: 0px; width: 100%; height: 100%; box-sizing: border-box; border: 0px solid #c5c5c5; background-color: #ffffff; font-family: tahoma, Arial, Verdana, sans-serif;}
div.md-container.fullscreen{
    margin: 0px; padding: 0px;
    top: 0px; left: 0px; position: absolute; z-index:999; width: 100%; height:100%;
    _position: absolute; _top: expression((document.compatMode ? documentElement.scrollTop : document.body.scrollTop) + "px");
    _width: expression((document.compatMode ? documentElement.offsetWidth : document.body.offsetWidth) + "px");
    _height: expression((document.compatMode ? documentElement.offsetHeight : document.body.offsetHeight) + 'px');
}
div.md-container div.md-toolbar{clear: both; margin: 0px; padding: 0px; border-bottom: 1px solid #c5c5c5; overflow: hidden;}

@font-face{
    font-family:'FontAwesome';
    src:url("../fonts/fontawesome.eot");
    src:url("../fonts/fontawesome.eot") format("embedded-opentype"),
        url("../fonts/fontawesome.woff") format("woff2"),
        url("../fonts/fontawesome.woff") format("woff"),
        url("../fonts/fontawesome.ttf") format("truetype"),
        url("../fonts/fontawesome.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

div.md-toolbar a.md-button{
    display: inline-block;
    float: left;
    margin: 2px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 3px;
    outline: none;
    line-height: 28px;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}

div.md-toolbar a.enabled{}
div.md-toolbar a.disabled{cursor: default;}
div.md-toolbar a.active, div.md-toolbar a.enabled:hover{background-color: #666666; color: #ffffff;}
div.md-toolbar a.save:before{content: "\f0c7"}
div.md-toolbar a.bold:before{content: "\f032"}
div.md-toolbar a.italic:before{content: "\f033"}
div.md-toolbar a.header:before{content: "\f1dc"}
div.md-toolbar a.link:before{content: "\f0c1"}
div.md-toolbar a.anchor:before{content: "\f13d"}
div.md-toolbar a.image:before{content: "\f03e"}
div.md-toolbar a.emot:before{content: "\f118"}
div.md-toolbar a.ulist:before{content: "\f0ca"}
div.md-toolbar a.olist:before{content: "\f0cb"}

div.md-toolbar a.hr{font-family: tahoma, Arial, Verdana, sans-serif;}
div.md-toolbar a.hr:before{content: "--"}

div.md-toolbar a.code:before{content: "\f121"}
div.md-toolbar a.quote:before{content: "\f10d"}
div.md-toolbar a.preview:before{content: "\f002"}
div.md-toolbar a.fullscreen:before{content: "\f0b2"}
div.md-toolbar a.about:before{content: "\f0c7"}

div.md-toolbar a.hr{font-family: tahoma, Arial, Verdana, sans-serif;}
div.md-toolbar a.hr:before{content: "--"}
div.md-toolbar a.table:before{content: "\f0ce"}

div.md-toolbar a.separator{
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #ffffff;
    background: none;
    color: transparent;
    text-indent: -10px;
    margin: 0px 6px;
}

div.md-container div.md-view-body{margin: 0px; padding: 0px; overflow: auto;}
div.md-container div.md-full-body{margin: 0px; padding: 0px; overflow: hidden;}

div.md-container textarea.md-textarea{
    margin: 0px;
    padding: 4px 4px 200px 4px;
    border: none;
    background-color: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    outline: none;
    font-size: 16px;
    line-height: 27px;
}

div.md-container div.md-view-body textarea.md-textarea{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div.md-container div.md-full-body textarea.md-textarea{
    width: 50%;
    height: 100%;
    max-height: 100%;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: scroll;
}

div.md-container div.md-view-body div.md-mark-view{
    margin: 0px;
    padding: 0px; 
    width: 100%;
    height: 100%;
    display: none;
}

div.md-container div.md-full-body div.md-mark-view{
    width: 50%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-color: #f9f9f5;
    display: inline-block;
    overflow: auto;
}
div.md-container div.md-full-body div.md-mark-view img{max-width: 100%; max-height: 100%;}

/* 对话框 */
div.md-mask{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 990;
    display: none;
}

div.md-dialog{
    margin: 100px auto 0px auto;
    width: 600px;
    border-radius: 4px;
    background-color: #f8f8f8;
    color: #555555;
    z-index: 998;
    overflow: hidden;
}

div.md-dialog div.md-dialog-header{
    clear: both;
    height: 28px;
    padding: 12px 0px 8px 6px;
    border-bottom: 1px solid #eeeeee;
    cursor: default;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

div.md-dialog div.md-dialog-header h3{
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
    color: #666666;
}

div.md-dialog div.md-dialog-header span.close{
    float: right;
    margin-top: 2px;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    font-family: "FontAwesome";
    color: #c0c0c0;
    display: inline-block;
}
div.md-dialog div.md-dialog-header span.close:before{content: "\f00d"}
div.md-dialog div.md-dialog-header span.close:hover{color: #888888;}
div.md-dialog div.md-dialog-body{padding: 0px 15px 15px 15px;}
div.md-dialog div.md-dialog-body div.md-label{margin: 10px 0px; padding: 0px;}
div.md-dialog div.md-dialog-footer{
    margin: 0px;
    padding: 15px;
    border-top: 1px solid #eeeeee;
    text-align: right;
}
div.md-dialog div.md-dialog-footer:before, .div.md-dialog div.md-dialog-footer:after {clear: both;}
div.md-dialog-footer button.md-button{
    margin-right: 10px;
    padding: 6px 12px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #cccccc;
    transition: background-position .1s linear;
    color: #333333;
    text-decoration: none;
    border-radius: 4px;
    -webkit-user-select: none;
    outline: none;
}
div.md-dialog-footer button.md-button:hover{border: 1px solid #d9d9d9; background-color: #d9d9d9;}
div.md-dialog-footer button.md-ensure{}
div.md-dialog-footer button.md-ensure{border: 1px solid #2dbe60; background-color: #2dbe60; color: #ffffff;}
div.md-dialog-footer button.md-ensure:hover {border: 1px solid #28a955; background-color: #28a955; color: #ffffff;}
div.md-dialog-footer button.md-submit{}
div.md-dialog-footer button.md-submit{border: 1px solid #d73104; background-color: #d73104; color: #ffffff;}
div.md-dialog-footer button.md-submit:hover {border: 1px solid #28a955; background-color: #28a955; color: #ffffff;}

i.icon-image{margin-right: 16px; font-family: "FontAwesome"; font-size: 2.0em; vertical-align: baseline; color: #333333;}
i.icon-image:before{content: "\f03e"}

input.md-image-url{
    display: inline-block;
    margin-bottom: 15px;
    padding: 4px 6px;
    width: 400px;
    height: 20px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    color: #555555;
}

a.upload-button{
    display: inline-block;
    margin: 10px 0px;
    padding: 6px 20px 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #2dbe60;
    user-select: none;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
}